<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>评论页</title>
	<style>
		/* 上半部分 */
		#comment{
		width: 800px;
		height: 100px;	
		border: 1px solid #bbbbbb;
		}
		#line{
			width: 770px;
			height: 10px;
			border: 1px solid #bbbbbb;
			margin-top: 20px;
			/* 盒子自适应居中 */
			margin: 20px auto;
		}
		/* 下半部分 */
		#pages{
			width: 900px;
			margin-top: 10px;
		}
		#pages a{/* 加外边框,内边距 */
			border: 1px solid #ddd;
			padding: 4px 10px;
			border-radius: 5px;
			margin-right: 5px;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              j
		}
		#pages a.current{
			bord er: 0; 
			
		}
	</style>
	</head>
	<body>
		<!-- 思路 html 结构 -->
		<div id="comment">
			<div id="line"></div>
		</div>
		<div id="pages">
			<a href="#" class="current">1</a>
			<a href="#">2</a>
			<a href="#">3</a>
			<a href="#">4</a>
			<a href="#">5</a>
			
		</div>
	</body>
</html>